<%@page import="org.apache.jasper.tagplugins.jstl.core.ForEach"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@include file="../common.jsp"%>
<%
	request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>추천 목록 페이지</title>
<script type="text/javascript" src="/bigjo/js/jquery.js"></script>
<script type="text/javascript" src="/bigjo/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/bigjo/js/jquery.cycle.js"></script>
<link href="/bigjo/css/slideshow.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
	jQuery.noConflict();
	jQuery(".start").click(function() {
	var hadoop = ${sessionScope.member}
	if(hadoop == null){
		alert("로그인후 사용하세요");
		return
	}
});
});
</script>
</head>

<body>
	<div class="maintop10" id="widthfordiv">
	<div id="top10list">
		<table class="tblcss" align="center" border="0">
			<thead>
				<tr>
					<th colspan="7"><h1>TOP 10</h1></th>
				</tr>
			</thead>
			<tbody>
				<%
					int i = 1;
				%>
				<c:forEach var="top" items="${top10}">
					<tr>
						<td align="center" width="100"><%=i%> 위</td>
						<td><img
							src="/bigjo/media/albumArt/${top.musicBean.ms_album}.jpg"
							width="70" height="70" /></td>
						<td width="150" align="center"><font size="5">${top.musicBean.ms_title}</font></td>
						<td width="350">${top.singerBean.s_singer}
							${top.musicBean.ms_featuring}<br> ${top.musicBean.ms_album}
							/ ${top.musicBean.ms_genre}<br>
						</td>
						<td><a class="start" href="video.music"
							onClick="window.open(this.href, '', 'width=340, height=280'); return false;">티저
								영상</a> / <a class="start" href="echo.ha?s_no=${top.singerBean.s_no}&ms_no=${top.musicBean.ms_no}&ms_genre=${top.musicBean.ms_genre}"
							onClick="window.open(this.href, '', 'width=450, height=50'); return false;">듣기</a>
						</td>
						<%
							i++;
						%>
					</tr>
				</c:forEach>
			</tbody>
		</table>
		</div>
	</div>
</body>
</html>